.main-content{
  position: fixed;
  top: 56px;
  bottom: 54px;
  width: 100%;
  left: 0;
  overflow: hidden;
  overflow-y: scroll;
  .home-swiper{
    position: relative;
    .dots{
      position: absolute;
      bottom:7px;
      width: 100%;
      height: 30px;
      left: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      .dot{
        width:10px ;
        height: 10px;
        border-radius: 50%;
        background-color: #eee;
        margin-left: 10px;
        &.active{
          background-color: #555
        }
      }
    }
  }
}